<script>
	export default {
		globalData: {
            userMenuList: [], // 用户模块权限
			ltSelectMachineGroup: [],
			showTipsModal: false, // 请求异常提示框状态
            defaultEmp: {
                id: '',
                code: '',
                name: ''
            },
            roles: [],
			defaultProcess: {
				defaultProcessId: null, // 逐步废弃
				defaultProcessName: null, // 逐步废弃
				defaultProcessCode: null, // 逐步废弃
				processList: [],
				id: null,
				name: null,
				code: null,
				list: [] // { id: 1, code: '', name: '' }
			},
			defaultWorkshop: {
				id: null,
				name: null,
				code: null,
				list: [] // { id: 1, code: '', name: '' }
			}
		},
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	.bg {
		background: #f8f8f9;
	}

	.padding-10 {
		padding: 10rpx;
	}
    .padding-bottom-20 {
        padding-bottom: 20rpx;
    }
    .padding-top-10 {
        padding-top: 10rpx;
    }
	.margin-top-10 {
		margin-top: 10rpx;
	}

	.margin-top-20 {
		margin-top: 20rpx;
	}

	.margin-top-30 {
		margin-top: 30rpx;
	}

	.margin-bottom-5 {
		margin-bottom: 5rpx;
	}

	.margin-bottom-10 {
		margin-bottom: 10rpx;
	}

	.width-100-percentage {
		width: 100%;
	}

	.margin-bottom-10 {
		margin-bottom: 10rpx;
	}

	.margin-bottom-20 {
		margin-bottom: 20rpx;
	}

	.margin-bottom-30 {
		margin-bottom: 30rpx;
	}

	.margin-right-10 {
		margin-right: 10rpx;
	}

	.margin-right-20 {
		margin-right: 20rpx;
	}
    .margin-left-20 {
        margin-left: 20rpx;
    }
	/* flex */
	.flex-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-start-center {
		display: flex;
		align-items: center;
	}

	.el-space {
		margin-right: 10rpx;
	}

	.flex-end-center {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.flex-between-center {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.text-right {
		text-align: right;
	}

	.text-center {
		text-align: center;
	}

	.flex-start-center-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.flex-start-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.item-gap {
		margin-right: 8rpx;
	}

	.font-size-12 {
		font-size: 24rpx;
	}

	.font-size-14 {
		font-size: 28rpx;
	}

	.font-size-16 {
		font-size: 32rpx;
	}

	.font-size-18 {
		font-size: 36rpx;
	}

	.font-size-20 {
		font-size: 40rpx;
	}

	.color1 {
		color: #17233d;
	}

	.color2 {
		color: #515a6e;
	}

	.color3 {
		color: #808695;
	}

	.color4 {
		color: #c5c8ce;
	}

	.border-color {
		color: #dcdee2;
	}

	.text-ellipsis {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*覆盖 uView 样式*/
	.u-subsection--button {
		height: 48px !important;
	}

	.u-subsection--subsection {
		height: 48px !important;
	}

	.item-gap {
		margin-right: 8rpx;
	}

	.margin-left-4 {
		margin-left: 8rpx;
	}

	.margin-bottom-4 {
		margin-bottom: 8rpx;
	}
	.form-container {
        width: 100%;
		min-height: 100vh; /*不能使用height,否则ios的fixed异常*/
        /*不能使用auto，否则会导致软键盘打开只上推输入框，出现布局重叠的现象，而不是页面整体上推，也就是只上推输入框，这种情况应该使用scroll-view*/
		/*overflow: auto;*/
		padding: 24rpx 32rpx 152rpx 32rpx;
		box-sizing: border-box;
	}


	.textarea-style {
		width: 100%;
		height: 200rpx;
		padding: 24rpx;
		border: solid 1rpx #eee;
		border-radius: 14rpx;
		box-sizing: border-box;
	}

	.disabled-textarea-style {
		width: 100%;
		height: 200rpx;
		padding: 24rpx;
		background: #f8f8f9;
		border: solid 1rpx #eee;
		border-radius: 14rpx;
		box-sizing: border-box;
	}

	/*表单页的提交按钮*/
	.fixed-footer {
		width: 100%;
		height: 132rpx;
		box-sizing: border-box;
		padding: 0 32rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
        z-index: 2;
	}
</style>
<style lang="scss">
    // 列表页样式
    .jk-page-container {
        width: 100%;
        min-height: 100vh;

        .column-list-container {
            padding: 5rpx 32rpx;
            box-sizing: border-box;

            .column-list-item-default {
                margin: 8rpx 0;
            }

            .column-list-item {
                background: #fff;
                border-radius: 10rpx;
                margin: 20rpx 0;
                padding: 24rpx;
                box-shadow: 0px 2px 6px 1px #e8eaec;
                .column-list-item-title {
                    font-size: 30rpx;
                    color: #515a6e;
                }

                .column-list-item-sub-title {
                    color: #808695;
                    font-size: 26rpx;
                    font-weight: 300;
                }
            }
        }

    }
</style>
